import { LazyAnimate } from './features/animate';
import { AntdContextHolder, AntdProvider } from './features/antdConfig';
import { LangProvider } from './features/lang';
import { ThemeProvider } from './features/theme';
import { router } from './features/router/router';
import { RouterProvider } from '@tanstack/react-router';

const App = () => {
  return (
    <ThemeProvider>
      <LangProvider>
        <AntdProvider>
          <AntdContextHolder>
            <LazyAnimate>
              <RouterProvider router={router} />
            </LazyAnimate>
          </AntdContextHolder>
        </AntdProvider>
      </LangProvider>
    </ThemeProvider>
  );
};

export default App;
